<%@tag description="header" pageEncoding="UTF-8"%>
<%@attribute name="galleryName" %>
<%@attribute name="galleryId" %>
<%@attribute name="galleryId1" %>
	
	<section class="image_carousel">
		<div id="carousel_title_${galleryId}" class="pagination1">${galleryName}</div>
		<div id="carousel_${galleryId}" class="gallery_container" style="height: 306px;">			
		</div>
		<div class="clearfix"></div>
		<a class="prev" id="carousel_${galleryId}_prev" href="#"><span>prev</span></a> <a
			class="next" id="carousel_${galleryId}_next" href="#"><span>next</span></a>
		<div class="pagination" id="carousel_${galleryId}_pag"></div>
	</section>	
		<script>
			if('${galleryId}'.length>0){
				new GalleryView().loadNewGalleryInContainer('carousel_${galleryId}', '${galleryId}');
				$("#carousel_title_${galleryId}").click(function(){goToGallery('${galleryId}');});
			}else{
				//link product url: http://localhost:8888/show_room/40/77 
				var galleryId = pathname.split('/')[pathname.split('/').length-2];
				new GalleryView().loadNewGalleryInContainer('carousel_${galleryId}', galleryId);
				$("#carousel_title_${galleryId}").click(function(){goToGallery(galleryId);});
			}
			
		</script>
	